@import '../../../static/style/theme/color_theme'
.add_product_modal_content 
  width: 80% !important
  min-width: 1600px
  padding-bottom: 0 !important
  background: pink
  .add_modal_title
    border-bottom: 2px solid #bfbfbf
    padding: 0 8px 10px
    color: #036f9b
    h1
        margin-bottom: 0
        color: $color_ff69
        position: relative
        padding-left: 10px
        font-size: 14px
        &::before
            content: ' '
            position: absolute
            width: 4px
            height: 70%
            background: $color_ff69
            left: 0
            bottom: 4px
  .compare_product_content
     padding: 12px 6px
     border-bottom: 1px solid $color_bfbf
     .left_title
      padding-left: 10px
      span
          font-size: 16px
          line-height: 30px
  .compare_tags
      background: $color_ffff
      border-color: $color_1890
      font-size: 14px
      padding: 4px 8px
  .tab_container
    width: 100%
    margin-top: 20px
    padding: 0 20px
    display: flex
    .tab_fixed_content
      width: 100%
      display: flex
      li 
        list-style: none
        margin-right: 20px
      .product_name_input
        width: 230px
      .search
        margin-right: 40px
  .modal_swiper_container
    width: 100%
    margin: 20px 0
    border-radius: 10px
    border: 1px dashed $color_ff69
    .swiper-container
      padding: 30px 20px 40px
      .tab_tit_row
        border-bottom: 1px solid #ccc
      .swiper_select_row
        padding: 20px 0
        margin: 0px 50px
        dt,dd
          float: left
          padding: 3px 14px;
          border: 1px solid #bfbfbf;
          text-align: center;
          margin-right: 20px;
          border-radius: 4px;
          float: left;
          cursor: pointer;
          box-sizing: border-box;
          user-select: none;
          -moz-user-select: none;
          margin-bottom: 0;
          margin-top: 0;
        .tab_column_tit
          line-height: 32px
        .dt_select
          color: #666 !important
          float: left
          padding: 4px 10px
          background: #b2d9ff !important
          border-radius: 6px
          margin-right: 10px
          cursor: pointer
          box-sizing: border-box
          border: 0 none !important
        .check_false
          margin-right: 10px
        .core_rating
          float: left
          padding: 4px 10px
          background: $color_eeee
          color: $color_9999
          border-radius: 4px
        .line_split_tab
            margin-left: 60px
            position: relative

            &::before
                position: absolute
                content: ' '
                height: 20px
                left: -30px
                top: 50%
                margin-top: -9px
                width: 1px
                border-left: 1px solid $color_7b7b
      .swiper-pagination-bullet
         width: 26px
         height: 26px
         color: $color_ff69
         line-height: 24px
         text-align: center
         border: 1px solid $color_ff69
         box-sizing: border-box
         background-color: $color_ffff
         opacity: 1
         font-size: 16px
      .swiper-pagination-bullet-active
        background: $color_ff69
        color: $color_ffff
      .swiper-slide
        position: relative
      .modal_pagination
        bottom: 15px
      

      .percent_tab_input
        width: 60px
        padding-left: 10px
        margin: 0 10px
      .selection_content
       padding-right: 20px
       min-width: 180px
      .tab_selections_tit
        display: inline-block
        width: 120px
        text-align: right
        padding-right: 20px
      .list_options
        list-style: none
        margin-bottom: 12px
        li
          float: left
          padding: 3px 14px;
          border: 1px solid #bfbfbf;
          text-align: center;
          margin-right: 20px;
          border-radius: 4px;
          float: left;
          cursor: pointer;
          box-sizing: border-box;
          user-select: none;
          -moz-user-select: none;
          margin-bottom: 0
          margin-top: 0
          &:first-child
              background: $color_ecf5
              border: 0 none
              padding: 4px 18px
              min-width: 90px
      .customer_select_checked
        overflow: hidden !important
        border-color: $color_ff69 !important
        color: $color_ff69 !important
        position: relative
        transition: all 0.3s
        &::after
          position: absolute
          width: 10px
          height: 10px
          background: $color_ff69
          content: ' '
          border-radius: 100%
          right: -4px
          top: -4px
  .product_compare_btns_container
    width: 100%
    text-align: center
    margin-top: 20px
  .customer_drop_down
        position: absolute
        top: 40px
        width: 292px
        border: 1px solid $color_d9d9
        z-index: 9999
        border-radius: 6px
        background: $color_ffff
        overflow: hidden
        max-height: 300px
        .customer_drop_list
            padding: 8px 0
            li
                padding: 8px 12px
                font-size: 14px
                width: 100%
                line-height: 20px
                overflow: hidden
                text-overflow: ellipsis
                white-space: nowrap
                &:hover
                    cursor: pointer
                    background: $color_e6f2
.iconyiguanzhu 
  color: #fd6969
  font-size: 21px
.table_data_total
  position: absolute
  left: 0
  top: -20px
  span 
    margin-left: 15px
  .total_data_size
    color: #036f9b
  & i
    font-style: normal
.companyTable
  